$(function(){
	listEmployee();
	
})
// 查询所有员工
function listEmployee(){
	$.ajax({
		type : "post",
		url : "listEmployee.action",
		dataType : "json",
		data : {},
		success : function(result) {
			var data = eval("(" + result + ")");
			console.log("data:"+data);
			
			$("#emplTable tbody").html('');
			$("#moEmpl").html('');
			for (var i = 0; i < data.length; i++) {
				var d = data[i];
				$("#emplTable tbody").append(
						'<tr>' + 
							'<td>' + d.id + '</td>' + 
							'<td>' + d.name + '</td>' + 
							'<td>' + d.phone + '</td>' + 
							'<td>' + d.sex + '</td>' +
							'<td>' + d.type + '</td>' + 
							'<td>' + d.salary + '</td>' +
							'<td>' + d.remark + '</td>' +
							'<td>' + d.gmtCreate + '</td>' + 
							'<td>' + d.gmtModified + '</td>' + 
							'<td>' + 
								'<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">' + 
									'<button class="btn btn-xs btn-info" data-toggle="modal" data-target="#employee'+i+'">' +
										'<i class="icon-edit bigger-120"> 修改</i>' +
									'</button>' +
									'<button onclick="deleteEmployee(' + d.id + ')" ' + 'class="btn btn-xs btn-danger">' + 
										'<i class="icon-trash bigger-120"> 删除</i></button>' + 		
								'</div>' + 
							'</td>' +
						'</tr>');
				
				// 模态框
				$("#moEmpl").append(
						'<div class="modal fade" id="employee'+i+'" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">'+
							'<div class="modal-dialog" role="document">'+
								'<div class="modal-content">'+
									'<div class="modal-header">'+
										'<button type="button" class="close" data-dismiss="modal" aria-label="Close">'+
											'<span aria-hidden="true">&times;</span>'+
										'</button>'+
										'<h4 class="modal-title" id="myModalLabel">修改员工信息</h4>'+
									'</div>'+
									'<div class="modal-body">'+
										'<div class="row">'+
											'<div class="col-xs-12">'+
												'<div class="form-group">'+
													'<label class="col-sm-3">员工ID</label>'+
													'<input type="text" value="' + d.id + '" readonly="readonly">'+
												'</div>'+
												'<div class="form-group">'+
													'<label class="col-sm-3">员工名称 </label>'+
													'<input type="text" value="' + d.name + '">'+
												'</div>'+	
												'<div class="form-group">'+
													'<label class="col-sm-3">员工电话 </label>'+
													'<input type="number" value="' + d.phone + '">'+
												'</div>'+
												'<div class="form-group">'+
													'<label class="col-sm-3">员工性别 </label>'+
													'<select>'+
														'<option value="男">男</option>'+
														'<option value="女">女</option>'+
													'</select>'+
												'</div>'+												
												'<div class="form-group">'+
													'<label class="col-sm-3">员工工资 </label>'+
													'<input type="number" value="' + d.salary + '">'+
												'</div>'+
												'<div class="form-group">'+
													'<label class="col-sm-3"> 备注 </label>'+
													'<input type="text" value="' + d.remark + '">'+
												'</div>'+
												'<div class="form-group">'+
													'<label class="col-sm-3"> 类型</label>'+		
													'<div class="col-sm-4">'+
														'<select class="form-control emplCate"></select>'+
													'</div>'+
												'</div>'+
											'</div>'+
										'</div>'+
									'</div>'+
									'<div class="modal-footer">'+
										'<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'+
										'<button onclick="updateEmployee('+d.id+',this)" class="btn btn-primary">更改</button>'+
									'</div>'+
								'</div>'+
							'</div>'+
						'</div>');
			};
			
			// 获取所有员工类型，填充到添加员工、修改员工的模态框
			$.ajax({
				type : 'post',
				url : 'listEmplCate.action',
				data : {
				},
				dataType : 'json',
				success: function(result){
					console.log("result:"+result);
					var ecData = eval("(" + result + ")");
					//console.log("scData:"+scData[0].name);
					for (var i = 0; i < ecData.length; i++) {
						console.log("id"+ecData[i].id);
						console.log("name"+ecData[i].name);
						
						$('.emplCate').append('<option value="'+ecData[i].id+'">'
								+ecData[i].name);
					}
					
				},
				error: function(){
					alert("查询所有员工类型，填充模态框时出现错误！请稍后重试！");
				}
			});
			
		
			// datatables 初始化
			var table = $("#emplTable").dataTable({				
			//"stateSave" : true, // 保持状态
			"oLanguage" : { // 设置语言
				"sProcessing" : "正在加载中......",
				"sLengthMenu" : "每页显示 _MENU_ 条记录",
				"sZeroRecords" : "对不起，查询不到相关数据！",
				'sSearch' : '检索:',
				"sEmptyTable" : "表中无数据存在！",
				"sInfo" : "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录",
				"sInfoFiltered" : "数据表中共为 _MAX_ 条记录",
				"oPaginate" : {
					"sFirst" : "首页",
					"sPrevious" : "上一页",
					"sNext" : "下一页",
					"sLast" : "末页"
					}
				}
			});	
		},
		error : function() {
			console.log("查询所有员工，填充表格时出现错误，请稍后重试！")
		}
	});
}
// 添加员工的函数
function saveEmployee(btnObject){
	var name = $("#emplName").val();
	var phone = $("#emplPhone").val();
	var sex = $("#emplSex").val();
	var emplCate = $(".emplCate").val();
	var salary = $("#emplSalary").val();
	var remark = $("#emplRemark").val();
	console.log(name,phone,sex,emplCate,salary,remark);
	// 判断非空
	if(name == null || name == ""){
		alert("请检查员工姓名是否已经填写！");
		return false;
	}else {
		$.ajax({
			type : "post",
			url : "saveEmployee.action",
			dataType : "json",
			data : { // 发送到服务器的数据
				"employee.name" : name,
				"employee.phone" : phone,
				"employee.sex" : sex,
				"employee.type" : emplCate, // type里保存了类型的id
				"employee.salary" : salary,
				"employee.remark" : remark
			},
			success : function(result) {
				console.log(result);
				alert("员工添加成功！");
				location.reload(); //强制页面刷新。。异步何用？
			},
			error : function() {
				alert("员工添加失败，请稍后重试！");
				return false;
			}
		});
	}
}

//json数据返回所有员工类型
//function listEC() {
//	$.ajax({
//		type : 'post',
//		url : 'listEmplCate.action',
//		data : {
//		},
//		dataType : 'json',
//		success: function(result){
//			console.log("result:"+result);
//			var ecData = eval("(" + result + ")");
//			//console.log("scData:"+scData[0].name);
//			for (var i = 0; i < ecData.length; i++) {
//				console.log("id"+ecData[i].id);
//				console.log("name"+ecData[i].name);
//				
//				$('.emplCate').append('<option value="'+ecData[i].id+'">'
//						+ecData[i].name);
//			}
//			
//		},
//		error: function(){
//			alert("系统异常，请稍后重试！");
//		}
//	});
// 	// t=setTimeout("test()", 5000); 
//}
//删除的js函数
function deleteEmployee (id) {
	$.ajax({
		type : "post",
		url : "deleteEmployee.action",
		dataType : "json",
		data : { // 发送到服务器的数据
			"employee.id" : id
		},
		success : function(result) {
			//console.log(result);
			alert("员工删除成功！");
			location.reload(); //强制页面刷新...异步何用？
		},
		error : function() {
			alert("员工删除失败，请稍后重试！")
			return false;
		}
	});
}
// 更新的js函数
function updateEmployee(id,btnObject) {
	// 使用jquery找出位置，获取值后赋值给变量
	var name = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(1).children().eq(1).val();
	var phone = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(2).children().eq(1).val();
	var sex = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(3).children().eq(1).val();
	var salary = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(4).children().eq(1).val();
	var remark = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(5).children().eq(1).val();
	var emplCate = $(btnObject).parent().prev().children().eq(0).children().eq(0).children().eq(6).children().eq(1).children().eq(0).val();
	console.log(name,phone,sex,salary,remark,emplCate);
	if (name == null || name == "") {
		alert("请检查员工姓名是否已经填写！");
		return false;
	} else {
		$.ajax({
			type : "post",
			url : "updateEmployee.action",
			dataType : "json",
			data : { // 发送到服务器的数据
				"employee.id" : id,
				"employee.name" : name,
				"employee.phone" : phone,
				"employee.sex" : sex,
				"employee.salary" : salary,
				"employee.remark" : remark,
				"employee.type" : emplCate
			},
			success : function(result) {
				console.log(result);
				alert("员工更新成功！");
				location.reload(); //强制页面刷新。。异步何用？
			},
			error : function() {
				console.log("员工更新出错，请稍后重试！");
				return false;
			}
		});
	}
	
};